<template>
  <div>
    <Header/>
    <router-view></router-view>
    <!-- 下面这个情况下是不传参的情况下使用的，如果要传参的话那么就要使用箭头函数的方法 -->
    <Footer v-show="!$route.meta.footerIsHidden"  />
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";

import {mapActions} from "vuex";

export default {
  name:"App",
  components:{
    Header,
    Footer,
  },
 mounted(){
//1.初始化的时候，直接让vuex去请求categoryList数据
  this.getCategoryList();
 },
 methods:{
  // 拿到让action去请求三级列表的方法
  ...mapActions("home",["getCategoryList"]),
 },

};
</script>

<style lang="less" scoped>

</style>